<template>
  <div class="right-container">
    <h2>Right</h2>
  </div>
</template>

<script>
export default {
  // 组件激活的时候，执行的钩子函数
  activated () {
    console.log('Right组件被激活了')
  },
  // 组件失活时，执行的钩子函数
  deactivated () {
    console.log('Right组件被缓存了')
  }
}
</script>

<style lang="less" scoped>
.right-container {
  background-color: burlywood;
}
</style>